article{
  width: 1010px;
  margin: 0 auto;
  overflow: hidden;
}
/*左边的导航*/
.article_left{
  width: 228px;
  margin-top: 20px;
  margin-left: 12px;
  float: left;
}
.article_left .sidebar .bar-one{
    width: 230px;
    height: 70px;
    border: 1px solid #e1dbe6;
    background: url("../image-awary/repear_x.jpg") repeat-x;
}
.article_left .sidebar .bar-one span,.bar-four span{
    display: inline-block;
    float: left;
}
.article_left .sidebar .bar-one a,.bar-four a{
    text-decoration: none;
}
.one-sp1{
    width: 45px;
    height: 46px;
    background: url("../image-awary/sprite.png") -55px -27px;
    margin-top: 15px;
    margin-left: -4px;
}

.four-sp1{
    width: 45px;
    height: 46px;
    background: url("../image-awary/sprite.png") -147px -27px;
    margin-top: 15px;
    margin-left: -4px;
}
.one-sp2,.four-sp2{
    font-size: 20px;
    color: #ff4405;
    margin-top: 13px;
}
.one-sp3,.four-sp3{
    font-size: 12px;
    color: #7b7b7b;
}
.one-sp3,.one-sp2,.four-sp3,.four-sp2{
    margin-left: 5px;
}
.one-sp4{
    width: 13px;
    height: 20px;
    background: url("../image-awary/sprite.png")-85px 0;
    margin-left: 27px;
    margin-top: -14px;
}
.article_left .bar-one:hover .one-sp4{
    background: url("../image-awary/sprite.png")-73px 0;
}
.article_left .bar-four:hover .four-sp4{
    background: url("../image-awary/sprite.png")-73px 0;
}
.four-sp4{
    width: 13px;
    height: 20px;
    background: url("../image-awary/sprite.png")-85px 0;
    margin-left: 160px;
    margin-top: -24px;
}
.bar-two{
    height: 120px;
    width: 230px;
    background: #ffffff;
    border-left:1px solid #e1dbe6;
    border-right:1px solid #e1dbe6;
    border-bottom:1px solid #e1dbe6;
}
.bar-three{
    width: 230px;
    height: 90px;
    background: #fff;
    border-left:1px solid #e1dbe6;
    border-right:1px solid #e1dbe6;
}
.bar-four{
    width: 230px;
    height: 70px;
    border: 1px solid #e1dbe6;
    background: url("../image-awary/repear_x.jpg") ;
}
.bar-two dt{
    font-size: 14px;
    padding: 13px 0;
    margin-left: 30px;
}
.bar-three dd, .bar-two dd {
    font-size: 12px;
    display: inline-block;
    padding: 3px 26px;
}
.bar-three dd a,.bar-two dd a{
    padding: 5px 4px 0 4px;
}
.bar-three dt a, .bar-two dt a{
    text-decoration: none;
    color: #ff4405;
}
.bar-three dd a, .bar-two dd a{
    text-decoration: none;
    color: black;
}
.bar-two dd a:hover{
    background: #ff4405;
    color: #fff;
}
.bar-three dd a:hover{
    background: #ff4405;
    color: #fff;
}
.bar-three dt{
    padding: 12px 0 7px 30px;
    font-size: 14px;
}
.bar-h{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #636363;
}
.bar-five ul li{
    list-style: none;
    display: inline-block;
    float: left;
    width: 113px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e1dbe6;
    margin: -1px 0 0 -1px;
    text-align: center;
}
.bar-five ul li a{
    text-decoration: none;
    font-size: 12px;
    color: black;
}
.bar-five ul li a:hover{
    color: #ff4405;
}
.bar-five ul .ul-bg{
    background: #f4f4f4;
}
.bar-five ul li a{
    display: inline-block;
}
.bar-five ul li a span{
    display: inline-block;
    height: 13px;
    width: 25px;
    background: url("../image-awary/sprite.png")-95px 0;
    /*border: 1px solid red;*/
    margin-bottom: -3px;
}
/*左边的导航结束*/
.article_right{
  float: left;
  /*border: 1px solid #000;*/
  margin: 20px 0 50px 10px;

}
/*抽奖功能*/
.box{
        width:360px;
        height:360px;
        margin:0px auto;
        position: relative;
        left: 28px;
        top: 15px
      }
      #ZP_box{
        width:360px;
        height:360px;
        position: absolute;
        left:0;
        top:0;
        z-index: 6
      }
      #ZP_box img{
        width:360px;
        height:360px;
        position: absolute;
        left:0;
        top:0;
        z-index: 6
      }
      .bg{
        width: 173px;
        height:121px;
        position: absolute;
        left:0;
        bottom: 0;
        background:url(../lottery_img/lwhz.png) no-repeat;
        background-size: 100% 100%;
        z-index: 8;
      }
     #btn{
       width:160px;
       height:180px;
       background:url(../lottery_img/btn.png) no-repeat;
       background-size: 100% 100%;
       border-radius: 50%;
        position: absolute;
        top:50%;
        left:50%;
        transform:translate(-49%,-55%);
        cursor: pointer;
        z-index: 10;
     }
     .wdS{
       width:300px;
       height:150px;
       border-radius:10px;
       position: absolute;
       left:50%;
       top:50%;
       transform: translate(-50%,-50%);
       background:rgba(137, 136, 139, 0.8);
       z-index: 15;
       color:#fff;
       text-align: center;
       font-size: 16px;
       padding-top:50px;
       display: none;
     }
     #btn2{
       width:100px;
       height: 30px;
       background: rgb(233, 65, 20);
       border-radius:10px;
       color:#fff;
       border:1px solid rgb(240, 97, 46);
       outline:inherit;
       cursor:pointer;
     }
/*抽奖*/
.article_right_award .lottery-cont{
    height: 650px;
    width: 740px;
    /*border: 1px solid red;*/
    background: url("../image-awary/lottery_bg.jpg");
    position: relative;
    /*z-index: -2;*/
}
.lottery-cont .lot-tab{
    width: 485px;
    height: 365px;
    position: absolute;
    border: 1px solid #a1a1a1;
    top: 214px;
    left: 227px;
    background: #ffffff;
    /*z-index: -1;*/
}
.lot-tab .tab-ul li{
    display: inline-block;
    list-style: none;
    width: 93px;
    height: 28px;
    text-align: center;
    float: left;
    line-height: 28px;
}
.lot-tab ul{
    float: right;
    margin-top: -28px;
    margin-right: -1px;
}
.tab-li1{
    background: url("../image-awary/lottery_sprite.png") -95px -47px;
    color: #fff;
}

.tab-li2{
    background: url("../image-awary/lottery_sprite.png") -1px -47px;
    color: #302831;
}
.tab-prize{
    width: 264px;
    height: 144px;
    margin: 7px 14px 8px 0;
    float: right;
    /*border: 1px solid red   ;*/
}
.tab-prize img{
    float: left;
}
.tab-prize p span:nth-child(1){
    display: block;
    font-size: 16px;
    padding: 30px 0 0 8px ;
}
.tab-prize p span:nth-child(2){
    display: block;
    margin-left: 8px;
    font-size: 23px;
    color: #f60;
}
.tab-prize p span ins{
    font-size: 12px;
    text-decoration: none;
    color: #2e2e2e;
}
.tab-time p{
    width: 306px;
    height: 25px;
    float: right;
    background: #FFBC46;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-right: -1px;
}
.tab-time span{
    display: inline-block;
    float: right;
    height:35px ;
    width: 11px;
    background: url("../image-awary/lottery_sprite.png")no-repeat -122px -74px;
    margin-right: -317px;
    margin-top: -9px;
}
.tab-list-box h2{
    height: 30px;
    width: 278px;
    float: right;
    margin-top: 16px;
    font-size: 14px;
    color: #fe4800;
    line-height: 20px;
}
.tab-list-box ul{
    height: 37px;
    width: 230px;
    float: right;
    border: 1px solid #C7C7C7;
    padding: 12px 16px;
    margin-right: 14px;
    margin-top: 0;
}
.tab-list-box ul li{
    font-size: 13px;
    list-style: none;
    color: #666066;
}
.tab-last{
    width: 264px;
    float: right;
    margin-right: 14px;
}
.tab-last a{
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    width: 121px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #4e4e52;
}
.tab-last a:hover{
    text-decoration: underline;
}
.tab-last a:nth-child(2){
    float: right;
}
.tab-last span{
    display: block;
    width: 147px;
    height: 34px;
    /*border: 1px solid red;*/
    background: url("../image-awary/lottery_sprite.png");
    margin: 0 auto;
}
/*抽奖图片下的导航*/
.article_right_img_nav .earn-integral{
    width: 740px;
    height: 256px;
    position: relative;
    background: url("../image-awary/index_t3.jpg")no-repeat;
    padding: 20px 0 20px 20px;
}
.article_right_img_nav .earn-integral h2{
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
    color: #333;
    height: 21px;
    margin-bottom: 22px;
}
.earn-a{
    display: block;
    text-decoration: none;
    color: #333;
    position: absolute;
    top: 25px;
    right: 45px;
    font-weight: 600;
    font-size: 13px;
}
.earn-a:hover{
    text-decoration: underline;
}
.earn-integral ul li{
    width: 100px;
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.earn-integral ul li a img{
    width: 98px;
    border: 1px solid #d3c6d2;
}
.earn-integral ul li a img:hover{
    border: 1px solid #ff3c00;
}
.earn-integral ul li p{
    text-align: center;
    font-size: 13px;
}
.earn-integral ul li p span{
    display: block;
    line-height: 22px;
}
.earn-integral ul li p span:nth-child(2){
    color: #f60;
}
.btns-line a{
    text-decoration: none;
    font-size: 12px;
    color: #555056;
    width: 70px;
    background:url("../image-awary/lottery_sprite.png")no-repeat -188px -47px;
    display: inline-block;
    margin-top: 5px;
}
.btns-line a:hover,.earn-integral ul li a:hover{
    color: #ff4a00;
    border-bottom: none;
}
.btns-line{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
/*用户获奖公布*/
.gmi-bear{
    width: 100%;
    height: 368px;
}
.gmi-win{
    background: url("../image-awary/lottery_t1.jpg") no-repeat;
    width: 333px;
    height: 368px;
    float: left;
    padding: 22px 18px 0 18px;
}
.gmi-win h2{
    font-size: 16px;
    font-weight: 500;
}
.gmi-win ul li{
    list-style: none;
    color: #6b6b6b;
    font-size: 14px;
}
.gmi-win ul li .name{
    display: inline-block;
    width: 105px;
}
.gmi-win ul li .uld{
    display: inline-block;
    width: 90px;
}
.gmi-win ul li .time{
    display: inline-block;
    width: 138px;
}
.gmi-win ul .li-title{
    color: black;
    font-weight: bold;
    height: 32px;
    width: 333px;
    /*line-height: 32px;*/
    /*font-size: 15px;*/
    margin-top: 15px;
    /*margin-bottom: 10px;*/
}
.gmi-wb{
    width: 324px;
    height: 346px;
    background: url("../image-awary/lottery_t2.jpg") no-repeat;
    float: right;
    padding: 22px 18px 0 18px;
}
.gmi-wb #wb-text{
    width: 297px;
    height: 63px;
    border: 1px solid #DBDBDB;
    padding: 10px;
    /*margin: 0 auto;*/
}
textarea{
    font-size: 12px;
}
.gmi-wb h2{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.gmi-wb .btn-fs{
    height: 27px;
    width: 67px;
    float: right;
    background: url("../image-awary/lottery_sprite.png")  -189px -48px;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    margin-top: 10px;
    margin-right: 5px;
}
.gmi-wb .btn-fs a{
    text-decoration: none;
    color: #404040;
}
.gmi-wb .btn-fs a:hover{
    color: red;
}
.gmi-wb ul li{
    list-style: none;
    /*font-size: 14px;*/
}
.gmi-wb ul li div{
    float: left;
    width: 64px;
    height: 64px;
    display: block;
    border: 1px solid #aea7ac;
    margin-top: -3px;
}
.gmi-wb ul li:nth-child(1) div{
    margin-top: 37px;
}
.gmi-wb ul li div img{
    width: 64px;
}
.gmi-wb ul li p{
    width: 225px;
    float: left;
    margin-left: 9px;
    line-height:21px;
    font-size: 12px;
}
.gmi-wb ul li p .user{
    display: block;
    color: #8e8e8e;
}
.gmi-wb ul li p .user-name{
    font-size: 13px;
    color: black;
    display: block;
}
.gmi-wb ul li p span a{
    text-decoration: none;
    color: #a2a2a2;
}
.gmi-wb ul li p span a:hover{
    color: red;
    text-decoration: underline;
}
/*尾部*/
